<template>
  <view>
    <uni-popup ref="signPopup" background-color="#fff" :is-mask-click="false">
      <view class="popup-content" >
        <view class="tit-block" v-if="isShowTitle">
          <i class="iconfont themeColor">&#xe69e;</i>
          <span class="header">{{ confirmTitle }}</span>
        </view>
        <view class="con-block">
          <i class="iconfont warningColor">&#xe6d1;</i>
          <p>{{ confirmMsg }}</p>
        </view>
        <button size="mini" class="footerBtn" @click="handleConfirm()">{{ confirmBtnText }}</button>
      </view>
    </uni-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShow:false,
      isShowTitle: true,
      confirmTitle: "恭喜！您已完成实名认证！",
      confirmMsg: "",
      confirmBtnText: "确定",
    };
  },
  created() {

  },
  methods: {
    open() {
      this.$refs.signPopup.open('center')
    },
    handleConfirm(){
    },
    closeConfirm() {
      this.$refs.signPopup.close('center')
    },
  }
}
</script>

<style lang="scss" scoped>
.tit-block{
  text-align: center;
  background: #f0f9eb;
  width: 100%;
  padding: 20rpx 0;
  margin-bottom: 30rpx;
}
.popup-content{
  padding: 40rpx;
}
::v-deep .uni-popup .uni-popup__wrapper{
  width: 90%;
}
.footerBtn{
  width: 100%;
  margin: 50rpx auto 0;
  background: $uni-color-primary;
  color: #fff;
  height: 70rpx;
  line-height: 70rpx;
}
.header{
  font-size:36rpx;
  margin-left:10rpx;
  color: #00a660;
}
.con-block{
  text-align: center;
  background: #fdf6ec;
  width: 100%;
  padding: 60rpx 0 40rpx;

  p{
    margin-top: 24rpx;
    font-size: 32rpx;
    padding: 0 30rpx;
    line-height: 48rpx;
    color: #666;
  }

}
.themeColor{
  font-size:36rpx;
}
.warningColor{
  font-size:100rpx;
  color: orange;
}

</style>
